<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>首页|莫多家居</title>
	<link rel="stylesheet" href="css/iconfont2.css">
	<link rel="stylesheet" type="text/css" href="css/iconfont.css">
	<link rel="stylesheet" type="text/css" href="css/style.css">
	<script src="js/js.js"></script>
</head>
<body>
	<div class="header">
		<a href="" class="logo">
			<div>
				<img src="img/logo.png"/>
			</div>
		</a>
		<a href="" class="lan">EN</a>
		<ul class="menu">
			<li><a href="">家的体验馆</a></li>
			<li><a href="">产品</a></li>
			<li><a href="">场景</a></li>
			<li><a href="">关于莫多</a></li>
			<li><a href="">新闻</a></li>
			<li><a href="">实体店</a></li>
		</ul>
	</div>
	<div class="banner">
		<ul>
			<li>
				<div class="con">
					<div class="box">
						<a href="">
							<h1>HOME EXPERIENCE</h1>
							<h4>体验生活·简单即是快乐·相处便有温情</h4>
							<span>- VIEW EXPERIENCE -</span>
						</a>
					</div>
				</div>
			</li>
			<li>
				<div class="con">
					<div class="box">
						<a href="">
							<h1>OCKHAM SOFA</h1>
							<h4>我们用简单表现更深的生活意义·以简约为魂·形随心至</h4>
							<span>- VIEW THIS PRODUCT -</span>
						</a>
					</div>
				</div>
			</li>
			<li>
				<div class="con">
					<div class="box">
						<a href="">
							<h1>DESIGN IN MY LIFE</h1>
							<h4>莫多专注于打造高品质的[现代生活方式]</h4>
							<span>- VIEW ABOUT -</span>
						</a>
					</div>
				</div>
			</li>
		</ul>
		<div class="bottom-bb">
			<div class="point">
				<span></span>
				<span></span>
				<span></span>
			</div>
			<div class="line"></div>
			<div class="iconfont icon-35_xiangxiajiantou">
			</div>
		</div>
		<div class="btn-right">
			<span></span>
		</div>
	</div>

	<div class="wrap">
		<div class="content">
			<h2>PRODUCTS</h2>
			<ul class="grid">
				<li>
					<a href="">
						<img src="img/dining-table.jpg" alt="">
						<div class="title">餐桌</div>
					</a>
				</li>
				<li>
					<a href="">
						<img src="img/chair.jpg" alt="">
						<div class="title">椅子</div>
					</a>
				</li>
				<li>
					<a href="">
						<img src="img/side-cabinet.jpg" alt="">
						<div class="title">边柜</div>
					</a>
				</li>
				<li>
					<a href="">
						<img src="img/sofa.jpg" alt="">
						<div class="title">沙发</div>
					</a>
				</li>
				<li>
					<a href="">
						<img src="img/tea-table.jpg" alt="">
						<div class="title">茶几</div>
					</a>
				</li>
				<li>
					<a href="">
						<img src="img/living-room-cabinet.jpg" alt="">
						<div class="title">厅柜</div>
					</a>
				</li>
				<li>
					<a href="">
						<img src="img/bed.jpg" alt="">
						<div class="title">床</div>
					</a>
				</li>
				<li>
					<a href="">
						<img src="img/bedroom-cabinet.jpg" alt="">
						<div class="title">卧室柜</div>
					</a>
				</li>
				<li>
					<a href="">
						<img src="img/desk-and-bookcase.jpg" alt="">
						<div class="title">书桌书柜</div>
					</a>
				</li>
			</ul>
		</div>
	</div>
	<div class="footer">
		<div class="footer-top">
			<div class="container">
				<img src="img/slogan.svg" alt="" class="design">
				<ul class="p-v-sm">
					<li>
						<a href="">
							<span class="iconfont icon-weibo"></span>
						</a>
					</li>
					<li id="button">
						<a href="">
							<span class="iconfont icon-weixin"></span>
						</a>
					</li>
					<li>
						<a href="">
							<span class="iconfont icon-youjian"></span>
							<div class="second">
								<img src="img/two.png" class="erweima"/>
							</div>					
						</a>
					</li>
				</ul>
				<div class="hot">
					<h5>HOT LINE</h5>
					<h3 class="light">400 8818 063</h3>
				</div>
			</div>
		</div>
		<div class="footer-bottom">
			<div class="container">
				<span>&copy;<em>2017</em>MODESIGN</span>
				<a href="">网站设计：TEAMTHINK</a>
				<a href="">冀ICP备<em>17036489</em>号</a>

			</div>
		</div>
	</div>
	<div class="top"></div>
	<div class="bottom"></div>
</body>
</html>